<template>
  <div class="app">
    <header>
      <HeaderView></HeaderView>
    </header>
    <main>
      <router-view />
    </main>
  </div>
  <el-backtop :right="100" :bottom="100" />
  <div class="fankui" @click="tofankui">
    <span class="font">我要反馈</span>
  </div>
</template>

<script setup>
import HeaderView from "./views/HeaderView.vue";

//跳转用户手册
const tofankui = () => {
  window.open("https://txc.qq.com/products/659523");
}
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  scrollbar-color: #c8d2e0 #f3f4f9;
  scrollbar-width: thin;
}

.app {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.app::-webkit-scrollbar {
  display: none;
}

.fankui {
  cursor: pointer;
  position: fixed;
  right: 1%;
  bottom: 5%;
  width: 30px;
  display: flex;
  height: 90px;
  background-color: rgba(64, 158, 255, 1);
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(64, 158, 255, 1);
  color: #FFFFFF;
  font-size: 14px;
  z-index: 100;
  .font {
    width: 20px;
    padding-left: 8px;
    padding-top: 5px;
  }
}
</style>
